<!DOCTYPE html>
<html lang="en">
<head>
    <!--
    @Author 硕鼠
    @Date 2020/4/18 18:09
    @Version 1.0
    @Description 第一个项目
  -->
    <meta charset="UTF-8">
    <title>第一个项目</title>
<!--  引入jquery  -->
    <script src="js/jquery-3.4.1.min.js"></script>
    <script>
        //文档准备函数
        $(document).ready(function () {
            // $('#btn1')
            // 等价于document.getElementById('#btn');
            // document.getElementsByTagName('button')
            $('button').click(function () { //将所有的button标签
                $('p').hide(); //隐藏所有<p>标签
            });
        });
    </script>
</head>
<body>
    <p>hello1</p>
    <p>hello2</p>
    <button type="button" id="btn1">click me</button>
</body>
</html>